// 常用特效鼠标移入 移出事件  作用在li上

// 1.获取所有的li，绑定鼠标移入事件
var liObj=document.querySelectorAll('ul li')
// 2.遍历
liObj.forEach(function(item){
    // 2.1给每个li绑定鼠标移入事件
    item.onmouseover=function(evt){
        // 获取事件对象
        var e=evt||window.event
        // 获取提示框，修改其属性
        var divObj=document.querySelector('.tip')
        divObj.style.display='block'
        var w=parseInt(getComputedStyle(divObj).width)
        var h=parseInt(getComputedStyle(divObj).height)
        divObj.style.left=e.clientX-(w/2)+'px'
      divObj.style.top=e.clientY-(h/2)-20+'px'
        
    }
    // 2.2给每个li绑定鼠标移出事件
    item.onmouseout=function(){
        var divObj=document.querySelector('.tip')
        divObj.style.display='none'

    }
})